<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-touch-fullscreen" content="yes">
    <link rel="stylesheet" href="../../css/public.css">
    <link rel="stylesheet" href="../../css/xs-zhuye.css">
    <link rel="stylesheet" href="../../css/index-shouye.css">
    <link rel="stylesheet" href="../../css/public-students.css">
    <script src="../../common/jquery-1.10.2.min.js"></script>
    <script src="../../common/common.js"></script>
</head>
<body>
<!--返回导航页面S-->
<div class="index-nav">
    <div class="index-nav-box">
        <ul>
            <li class="index-nav-box-el" >
                    <span class="index-nav-box-cl">
                        <img class="icon-left" src="../../img/icon-zj.png" alt="">
                        钉钉(6)
                    </span>
            </li>
            <li>
                <span class="index-nav-box-tl">首页</span>
            </li>
            <li></li>
        </ul>
    </div>
    <div class="index-banner  m2-banner_box">
        <div class="index-banner-box">
            <ul class="clear">
                <li class="clear-dd" >
                    <img style="margin-top: 0rem" src="../../img/icon_home_2.png" alt="">
                    <span class="icon_home_txt">点名</span>
                </li>
                <li class="clear-dd">
                    <img style="margin-top: 0rem" src="../../img/icon_home_3.png" alt="">
                    <span class="icon_home_txt">发通知</span>
                </li>
                <li class="clear-dd">
                    <img style="margin-top: 0rem" src="../../img/icon_home_4.png" alt="">
                    <span class="icon_home_txt">班级</span>
                </li>
            </ul>
        </div>
    </div>
    <div class="index-x-box index-x-box-one">
        <div class="index-x-approval">
            <div class="index-x-title">
                <ul>
                    <li>
                        <span class="index-x-title-color"></span>
                        <span>今日课表</span>
                    </li>
                    <li class="index-x-title-more">
                        <span>更多</span>
                    </li>
                </ul>
            </div>
            <div class="index-examination">
                <ul>
                    <li>
                        <div class="index-examination-fsl">
                            上午
                        </div>
                        <div class="index-examination-chl">
                            <span class="examination-color-fs">9:00-11:30 素描 王老师【题型-训练方法】</span> <br>
                            <span class="examination-color-el">上课地址内容补充</span>
                        </div>
                    </li>
                    <li>
                        <div class="index-examination-fsl">
                            中午
                        </div>
                        <div class="index-examination-chl">
                            <span class="examination-color-fs">9:00-11:30 素描 王老师【题型-训练方法】</span> <br>
                            <span class="examination-color-el">上课地址内容补充</span>
                        </div>
                    </li>
                    <li>
                        <div class="index-examination-fsl">
                            下午
                        </div>
                        <div class="index-examination-chl">
                            <span class="examination-color-fs">9:00-11:30 素描 王老师【题型-训练方法】</span> <br>
                            <span class="examination-color-el">上课地址内容补充</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="index-x-approval">
            <div class="index-x-title">
                <ul>
                    <li>
                        <span class="index-x-title-color"></span>
                        <span>班级排名</span>
                    </li>
                    <li class="index-x-title-more">
                        <span class="all_school" style=" position: relative;">全校
                            <em class="school_open"></em>
                            <div class="school_range" style="display: none">
                                <i>迟到</i>
                                <i>迟到</i>
                                <i>迟到</i>
                            </div>
                        </span>
                    </li>
                </ul>
            </div>
            <div class="index-examination">
                <div class="ranking_all">
                    <span class="ranking_tit">A班级排名(名次/总数)</span>
                    <ul class="ranking_list clear">
                        <li>
                            <em>素描</em>
                            <i>1/10</i>
                        </li>
                        <li>
                            <em>色彩</em>
                            <i>_</i>
                        </li>
                        <li>
                            <em>速写</em>
                            <i>_</i>
                        </li>
                    </ul>
                </div>
                <div class="ranking_all">
                    <span class="ranking_tit">A班级排名(名次/总数)</span>
                    <ul class="ranking_list clear">
                        <li>
                            <em>素描</em>
                            <i>1/10</i>
                        </li>
                        <li>
                            <em>色彩</em>
                            <i>_</i>
                        </li>
                        <li>
                            <em>速写</em>
                            <i>_</i>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="index-x-news" style="margin-top: 0.15rem">
            <div class="index-x-title">
                <ul>
                    <li>
                        <span class="index-x-title-color"></span>
                        <span>消息</span>
                    </li>
                    <li class="index-x-title-more">
                        <span>更多</span>
                    </li>
                </ul>
            </div>
            <div class="index-x-body">
                <ul>
                    <li>
                        <div>校服申领通知书</div>
                    </li>
                    <li class="index-x-body-fst">
                        <div>2018-8-8</div>
                    </li>
                </ul>
                <ul>
                    <li>
                        <div>校服申领通知书</div>
                    </li>
                    <li class="index-x-body-fst">
                        <div>2018-8-8</div>
                    </li>
                </ul>
                <ul>
                    <li>
                        <div>校服申领通知书</div>
                    </li>
                    <li class="index-x-body-fst">
                        <div>2018-8-8</div>
                    </li>
                </ul>
                <span class="news_intro">暂无消息</span>
            </div>
        </div>
    </div>
    <div class="qishiguanli-box">
        <ul class="qishiguanli-ul qishiguanli-ul-ttt">
            <li>
                <img src="../../img/icon_tebbar_1a.png" alt="">
                <div style="color: #C90821">首页</div>
            </li>
            <li>
                <img src="../../img/icon_tebbar_2.png" alt="">
                <div style="color: #000000">考勤</div>
            </li>
            <li>
                <img src="../../img/icon_tebbar_3.png" alt="">
                <div style="color: #000000">学生</div>
            </li>
        </ul>
    </div>
</div>
<!--返回导航页面E-->
<script>
    $(function(){
        $('body').on('click' , '.all_school' , function(){
            if($(this).find('.school_range').is(':hidden')){
                $(this).find('.school_open').addClass('school_open_cur');
                $(this).find('.school_range').show();
            }else{
                $(this).find('.school_open').removeClass('school_open_cur');
                $(this).find('.school_range').hide();
            }

        })
    })
</script>
</body>
</html>
